
import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false;

const role="admin";

// 注册全局自定义指令
Vue.directive("role",{
  bind(el,binding){
    console.log("bind");
  },
  // 被绑定元素插入父节点时调用（可以获取到父元素）
  inserted(el,binding){
    console.log("inserted");
    if(binding.value !==role){
      console.log("1",el);
      el.remove();
    }
  },
  // 所在组件的VNode更新时调用，但是可能发生在其子VNode更新之前
  update(el,binding){
    console.log("update");
  },
  // componentUpdated:指令所在组件的
  componentUpdated(el,binding){
    console.log("componentUpdated");
  },
  unbind(el,binding){
    console.log("unbind");
  }
  
})
new Vue({
  render: h => h(App),
}).$mount('#app')
